@media screen and (min-width:1200px){
    h1{
        color: rgb(77, 255, 255);
    }
}

@media screen and (min-width:980px) and (max-width:1199px){
    h1{
        color: thistle;
    }
}

@media screen and (min-width:768px) and (max-width:979px){
    h1{
        color: violet;
    }
}

@media screen and (min-width:480px) and (max-width:767px){
    h1{
        color: rgb(81, 156, 241);
    }
}

@media screen and (max-width:479px){
    h1{
        color: rgb(225, 252, 229);
    }
}